<template>
  <el-table :data="filterTableData" style="width: 100%">
    <el-table-column label="时间" prop="userid" />
    <el-table-column label="公告" prop="name" />
    <el-table-column align="right">
    </el-table-column>
  </el-table>
</template>

<script lang="ts" setup>
import { computed, ref } from 'vue'

interface Announcement {
  time: string
  content: string
}

const search = ref('')
const filterTableData = computed(() =>
    tableData.filter(
        (data) =>
            !search.value ||
            data.time.toLowerCase().includes(search.value.toLowerCase())
    )
)
const handleEdit = (index: number, row: Announcement) => {
  console.log(index, row)
}
const handleDelete = (index: number, row: Announcement) => {
  console.log(index, row)
}

const tableData: Announcement[] = [
  {
    time: '2022-11-1',
    content: '为加强实验教学质量管理，提升实验教学效果，请各位实验指导老师注意以下要求：\n' +
        '                  1.严肃实验课课堂纪律，要求学生按时到实验室上课并签到，严格考勤，对迟到、早退学生应进行教育和管理。\n' +
        '                  2.教师不得随意停（调）课，确实需要停（调）实验课程，要按学校相关规定到提前教学办公室办理手续。\n' +
        '                  3.规范实验教学过程，授课老师需携带实验教学大纲、指导书和教学周历，严格按照实验教学大纲、教学周历和实验指导书内容开展实验。\n' +
        '                  4.教师须提前10分钟进实验室，做好实验教学的准备工作；实验前，教师应进行实验原理、内容和要求的讲解，时间不得少于15分种；实验教学过程中，教师要来回巡视，积极解答学生遇到的问题，不得擅离...\n' +
        '                ',
  },
  {
    time: '2022-11-1',
    content: '为加强实验教学质量管理，提升实验教学效果，请各位实验指导老师注意以下要求：\n' +
        '                  1.严肃实验课课堂纪律，要求学生按时到实验室上课并签到，严格考勤，对迟到、早退学生应进行教育和管理。\n' +
        '                  2.教师不得随意停（调）课，确实需要停（调）实验课程，要按学校相关规定到提前教学办公室办理手续。\n' +
        '                  3.规范实验教学过程，授课老师需携带实验教学大纲、指导书和教学周历，严格按照实验教学大纲、教学周历和实验指导书内容开展实验。\n' +
        '                  4.教师须提前10分钟进实验室，做好实验教学的准备工作；实验前，教师应进行实验原理、内容和要求的讲解，时间不得少于15分种；实验教学过程中，教师要来回巡视，积极解答学生遇到的问题，不得擅离...\n' +
        '                ',
  },
  {
    time: '2022-11-1',
    content: '为加强实验教学质量管理，提升实验教学效果，请各位实验指导老师注意以下要求：\n' +
        '                  1.严肃实验课课堂纪律，要求学生按时到实验室上课并签到，严格考勤，对迟到、早退学生应进行教育和管理。\n' +
        '                  2.教师不得随意停（调）课，确实需要停（调）实验课程，要按学校相关规定到提前教学办公室办理手续。\n' +
        '                  3.规范实验教学过程，授课老师需携带实验教学大纲、指导书和教学周历，严格按照实验教学大纲、教学周历和实验指导书内容开展实验。\n' +
        '                  4.教师须提前10分钟进实验室，做好实验教学的准备工作；实验前，教师应进行实验原理、内容和要求的讲解，时间不得少于15分种；实验教学过程中，教师要来回巡视，积极解答学生遇到的问题，不得擅离...\n' +
        '                ',
  },

]
</script>
